/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
<template>
  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="westbusmap">
    <div :class="Data.id >= 5 && Data.id <= 8 ? '' : 'hide'">
      <svg
        version="1.1"
        id="图层_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 91 24"
        style="enable-background:new 0 0 91 24;"
        xml:space="preserve"
        :width="IconLengh"
        :height="IconWdith"
      >
        <g id="有轨电车-西" v-if="Data.controltype === 5">
          <path
            class="st0"
            d="M4,24h83c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16C0,22.2,1.8,24,4,24z"
          ></path>
          <g>
            <path
              class="st1"
              d="M46.2,14.4L46.2,14.4c0-3.4-2.8-6.2-6.2-6.2h-3.2l0.8-0.5c0.1,0,0.1-0.1,0.1-0.3c0-0.1-0.1-0.1-0.1-0.3
l-3.1-1.2c-0.1,0-0.3,0-0.4,0.1c0,0.1,0,0.3,0.1,0.4l2.6,1l-1,0.6H14.5c-0.4,0-0.6,0.3-0.6,0.6v7.8c0,0.4,0.3,0.6,0.6,0.6h0.4h0.6
h0.9h0.4h0.9h4.9h0.9H24h0.9h4.9h0.9h0.4H32h5.3h0.9h0.4h0.9H40h4.3C45.4,17.3,46.2,15.4,46.2,14.4z M17.2,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.6c0.3,0,0.5,0.3,0.5,0.5V13.1z M20.2,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.6c0.3,0,0.5,0.3,0.5,0.5V13.1z M23.6,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5H23c0.3,0,0.5,0.3,0.5,0.5v2.2H23.6z M26.5,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5H26c0.3,0,0.5,0.3,0.5,0.5V13.1z M29.6,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.6c0.3,0,0.5,0.3,0.5,0.5V13.1z M32.9,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.6c0.3,0,0.5,0.3,0.5,0.5V13.1z M36,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.6c0.3,0,0.5,0.3,0.5,0.5V13.1z M39,13.1
c0,0.3-0.3,0.5-0.5,0.5h-1.6c-0.3,0-0.5-0.3-0.5-0.5v-2.2c0-0.3,0.3-0.5,0.5-0.5h1.7c0.3,0,0.5,0.3,0.5,0.5v2.2H39z M43.5,15.5
c0,0.4-0.4,0.8-0.8,0.8h-1.6c-0.4,0-0.8-0.4-0.8-0.8v-4.3c0-0.4,0.4-0.8,0.8-0.8c1.3,0,2.3,1,2.3,2.3L43.5,15.5L43.5,15.5z"
            ></path>
            <path
              class="st1"
              d="M13.1,18.2h34c0.3,0,0.5,0.3,0.5,0.5s-0.3,0.5-0.5,0.5h-34c-0.3,0-0.5-0.3-0.5-0.5C12.6,18.5,12.8,18.2,13.1,18.2z"
            ></path>
          </g>
        </g>
        <g id="公交车-西" v-if="Data.controltype === 3">
          <path
            class="st0"
            d="M4,24h83c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16C0,22.2,1.8,24,4,24z"
          ></path>
          <g>
            <path
              class="st1"
              d="M38.3,16.9c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S41,15.1,40,15.1C39.2,15.1,38.3,15.9,38.3,16.9z M38.8,16.9c0-0.6,0.5-1.3,1.3-1.3s1.3,0.5,1.3,1.3c0,0.6-0.5,1.3-1.3,1.3C39.3,18.1,38.8,17.5,38.8,16.9z"
            ></path>
            <path
              class="st1"
              d="M21,16.9c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8S21,15.9,21,16.9z M21.5,16.9c0-0.6,0.5-1.3,1.3-1.3c0.6,0,1.3,0.5,1.3,1.3c0,0.6-0.5,1.3-1.3,1.3S21.5,17.5,21.5,16.9z"
            ></path>
            <path
              class="st1"
              d="M13.7,10.7v4.7c1.1,0.3,3.8,0.9,5.2,1.3h1.5c0-1.3,1.1-2.3,2.4-2.3s2.3,1,2.4,2.3h12.5c0-1.3,1.1-2.3,2.4-2.3
s2.3,1,2.4,2.3h3.4h0.9H47c0.4,0,0.6-0.3,0.6-0.6v-3.4l-0.8-0.4v-3c0-1-0.8-1.8-1.8-1.8H17.4C15.2,7.4,13.7,8.9,13.7,10.7z
 M43,9.4c0-0.4,0.3-0.6,0.6-0.6h1c0.4,0,0.6,0.3,0.6,0.6v5.7c0,0.4-0.3,0.6-0.6,0.6h-0.9c-0.4,0-0.6-0.3-0.6-0.6L43,9.4L43,9.4z
 M36,9.2c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9c-0.3,0-0.5-0.3-0.5-0.5V9.2z M29.3,9.2
c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9c-0.3,0-0.5-0.3-0.5-0.5
C29.3,11.3,29.3,9.2,29.3,9.2z M22.5,9.2c0-0.3,0.3-0.5,0.5-0.5h5c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-5
c-0.3,0-0.5-0.3-0.5-0.5V9.2z M15.8,9.2c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9
c-0.3,0-0.5-0.3-0.5-0.5C15.8,11.3,15.8,9.2,15.8,9.2z"
            ></path>
          </g>
        </g>
        <g id="BRT-西" v-if="Data.controltype === 4">
          <path
            class="st0"
            d="M4,24h83c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16C0,22.2,1.8,24,4,24z"
          ></path>
          <g>
            <path
              class="st1"
              d="M2.9,3.1h7v2.6c0,0.5,0,1-0.2,1.3S9.4,7.7,9,7.8C8.7,8,8.3,8.1,8,8.1s-0.7,0-0.8-0.2S6.7,7.4,6.5,7.1
c-0.2,0.5-0.3,0.8-0.7,1C5.5,8.3,5.1,8.4,4.7,8.4c-0.3,0-0.7,0-1-0.2S3.2,7.9,3,7.7S2.8,7,2.8,6.9c0-0.3-0.2-0.7-0.2-1.1V3.1H2.9z
 M3.7,4v1.9c0,0.3,0,0.5,0,0.7s0.2,0.3,0.2,0.5s0.3,0.2,0.5,0.3c0.2,0.2,0.3,0.2,0.7,0.2c0.3,0,0.5,0,0.7-0.2s0.3-0.3,0.5-0.5
c0-0.2,0.2-0.7,0.2-1V4.2L3.7,4L3.7,4z M7,4v1.5C7,6,7,6.2,7,6.3s0.2,0.5,0.3,0.5C7.5,7,7.6,7,8,7c0.2,0,0.5,0,0.7-0.2
C8.8,6.7,9,6.5,9,6.3c0.2,0,0.2-0.3,0.2-0.8V4H7z"
            ></path>
            <path
              class="st1"
              d="M2.9,9.8h7v3.1c0,0.7,0,1.1-0.2,1.5S9.4,15.1,9,15.2c-0.3,0.2-0.7,0.3-1,0.3c-0.5,0-1-0.2-1.3-0.5
S6.2,14.2,6,13.5C6,13.9,6,14,5.9,14c-0.3,0.3-0.5,0.5-1,0.8l-2,1.1v-1l1.5-1c0.5-0.3,0.8-0.5,1-0.7s0.3-0.3,0.5-0.5
S6,12.4,6,12.2s0-0.3,0-0.5v-1.1H2.9V9.8z M6.9,10.6v2c0,0.5,0,0.8,0.2,1s0.2,0.5,0.5,0.5c0.2,0.2,0.3,0.2,0.7,0.2
c0.3,0,0.7-0.2,0.8-0.3s0.3-0.7,0.3-1.1v-2.3L6.9,10.6L6.9,10.6z"
            ></path>
            <path class="st1" d="M2.9,18.5h6.2v-2.3H10v5.6H9.1v-2.3H2.9V18.5z"></path>
          </g>
          <g>
            <path
              class="st1"
              d="M38.3,16.9c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S41,15.1,40,15.1C39.2,15.1,38.3,15.9,38.3,16.9z M38.8,16.9
c0-0.6,0.5-1.3,1.3-1.3s1.3,0.5,1.3,1.3c0,0.6-0.5,1.3-1.3,1.3C39.3,18.1,38.8,17.5,38.8,16.9z"
            ></path>
            <path
              class="st1"
              d="M21,16.9c0,1,0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8S21,15.9,21,16.9z M21.5,16.9
c0-0.6,0.5-1.3,1.3-1.3c0.6,0,1.3,0.5,1.3,1.3c0,0.6-0.5,1.3-1.3,1.3S21.5,17.5,21.5,16.9z"
            ></path>
            <path
              class="st1"
              d="M13.7,10.7v4.7c1.1,0.3,3.8,0.9,5.2,1.3h1.5c0-1.3,1.1-2.3,2.4-2.3s2.3,1,2.4,2.3h12.5c0-1.3,1.1-2.3,2.4-2.3
s2.3,1,2.4,2.3h3.4h0.9H47c0.4,0,0.6-0.3,0.6-0.6v-3.4l-0.8-0.4v-3c0-1-0.8-1.8-1.8-1.8H17.4C15.2,7.4,13.7,8.9,13.7,10.7z
 M43,9.4c0-0.4,0.3-0.6,0.6-0.6h1c0.4,0,0.6,0.3,0.6,0.6v5.7c0,0.4-0.3,0.6-0.6,0.6h-0.9c-0.4,0-0.6-0.3-0.6-0.6L43,9.4L43,9.4z
 M36,9.2c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9c-0.3,0-0.5-0.3-0.5-0.5V9.2z M29.3,9.2
c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9c-0.3,0-0.5-0.3-0.5-0.5
C29.3,11.3,29.3,9.2,29.3,9.2z M22.5,9.2c0-0.3,0.3-0.5,0.5-0.5h5c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-5
c-0.3,0-0.5-0.3-0.5-0.5V9.2z M15.8,9.2c0-0.3,0.3-0.5,0.5-0.5h4.9c0.3,0,0.5,0.3,0.5,0.5v2.1c0,0.3-0.3,0.5-0.5,0.5h-4.9
c-0.3,0-0.5-0.3-0.5-0.5C15.8,11.3,15.8,9.2,15.8,9.2z"
            ></path>
          </g>
        </g>
      </svg>
    </div>
  </div>
</template>
<script>
export default {
  name: 'westBusSvg',
  props: {
    IconLengh: {
      // 相位图标长度
      type: String,
      default: '91px'
    },
    IconWdith: {
      // 相位图标宽度
      type: String,
      default: '24px'
    },
    Data: {
      type: Object
    }
  },
  methods: {},
  mounted () {}
}
</script>
<style scoped>
.invisible {
  visibility: hidden;
}
.hide {
  display: none;
}
.st0 {
  opacity: 0.8;
  fill: #5f5f5f;
  enable-background: new;
}
.st1 {
  fill: #ffffff;
}
</style>
